{% extends "_layout.html" %}

{# 样式代码 #}
{% block style %}
    <link href="css/index.css" rel="stylesheet" >
{% endblock %}

{# body代码#}
{% block body %}
    <!--container start-->
	<div id="member">
		<div class="member-box1">
			<div class="container">
				<div class="member-left">
					<div class="member-name" style="width: 616px;">加入食艺道，立即开启您的美食之旅</div>
					<p>欢迎您来到食艺道的会员中心，现在加入会员，更多惊喜等着你！普通会员在单季度内成功消费<span style="font-family: arial;">1000</span>人民币,立即可升级为高级会员，享用以下高级会员惊喜！</p>
					<p style="font-size: 14px;margin-bottom: 35px;">注：若连续单个季度未能保持消费满<span style="font-family: arial;">1000</span>人民币,高级会员将被调整为普通会员。</p>
					<div class="member-create">
						<a href="/register" class="trs">注册账户</a>
					</div>
					<div class="member-login">
						<a href="/login" class="trs">登录</a>
					</div>
				</div>
				<div class="member-right" style="padding-top: 46px;">
					<div class="member-img">
						<img src="img/member-01.jpg"/>
					</div>
				</div>
			</div>
		</div>
		<div class="member-box2">
			<div class="container">
				<div class="member-title">高级会员</div>
				<div class="member-title-img">
					<img src="img/title.png"/>
				</div>
				<div class="member-left">
					<div class="member-name" style="text-align: right;margin-right: 170px;">您的个性化包装</div>
					<p style="width: 450px;">为您提供限定金色外包装袋，带给您尊贵的视觉享受。不管是外包装还是美食我们都用心制定，只求给您不同的用餐体验。</p>
				</div>
				<div class="member-right">
					<div class="member-img">
						<img src="img/member-02.png"/>
					</div>
				</div>
			</div>
		</div>
		<!--box3-->
		<div class="member-box3">
			<div class="container">
				<ul>
					<li>
						<div class="member-left"></div>
						<div class="member-right">
							<div class="member-name">您的专属卡片</div>
							<p>食艺道会在为您配送的餐品中，赠送一张您的专属卡片，给您呈现食艺道贴心且真诚的服务理念。</p>
						</div>
					</li>
					<li>
						<div class="member-left">
							<div class="member-name">您的专属生日礼遇</div>
							<p>生日当月订购餐品，在普通会员享受8.5折订餐折扣的基础上， 另可获得食艺道专属定制精美礼品一份，带给您不一样的瑧享体验。</p>
							<p style="text-decoration: underline;font-size: 14px;">请在最初完善会员账号时，务必填写本人真实生日。</p>
						</div>
						<div class="member-right"></div>
					</li>
					<li>
						<div class="member-left"></div>
						<div class="member-right">
							<div class="member-name">您的私人化定制</div>
							<p>根据您的特定情况，食艺道可为您定制精心全面的一周私人套餐，届时请咨询食艺道客服中心<span style="font-family: arial;">021-33561315</span></p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--box4-->
		<div class="member-box4">
			<div class="member-title">常见问题</div>
			<div class="member-title-img">
				<img src="img/title.png"/>
			</div>
			<div class="question_con">
				<div class="question" style="font-weight: bold;">问题1：餐品签收时发现外包装有严重破损或者餐品溢出，该如何退换？</div>
				<div class="apply">答：商品签收时如包装有严重破损，存在表面质量问题，例如餐品流出，外包装袋大面积撕裂，请您直接拒收并及时联系食艺道客服中心为您安排退换。</div>
				<div class="question" style="font-weight: bold;">问题2：目前支付方式有哪些？</div>
				<div class="apply">答：食艺道官网目前提供的支付方式有：支付宝支付，微信支付。</div>
				<div class="question" style="font-weight: bold;">问题3：如何获取更多优惠？</div>
				<div class="apply">答：1）注册新会员即可领取新人优惠；2）同样您也可邀请好友注册；3）参加其他相关优惠活动，详情请及时关注官网。</div>
			</div>
			<div class="view-faq">
				<a href="/faq" class="trs">更多问题</a>
			</div>
		</div>
		<div class="member-box5">
			<div class="member-box5-img">
				<img src="img/member-06.png"/>
			</div>
		</div>
	</div>
	<!--container end-->
{% endblock %}
{#js代码#}
{% block js %}
    <script type="text/javascript" src="js/index.js"></script>
{% endblock %}